<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>树+IFRAME</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	
	<!-- jQuery-->
	<script type="text/javascript" src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>
	
	<!-- layui-->
	<link rel="stylesheet" href="/static/plugins/layui/2.7.6/css/layui.css" media="all">
	<script src="/static/plugins/layui/2.7.6/layui.js" charset="utf-8"></script>
	
	<!-- common -->
	<link rel="stylesheet" href="/static/admin/css/common.css" media="all" />
	<script type="text/javascript" src="/static/admin/js/common-grid.js"></script>
	
	<!-- layui dtree -->
	<link rel="stylesheet" href="/static/plugins/layui/extends/dtree/dtree.css">
	<link rel="stylesheet" href="/static/plugins/layui/extends/dtree/font/dtreefont.css">
</head>
<body>

<div class="layui-row layui-col-space5">
	<!-- 左边面板【start】 -->
	<div class="layui-col-md2">
		<div class="layui-panel" style="overflow: auto; padding-top: 0.2rem;" id="id_tree_pannel_left">
			<div id="id_tree"></div>
			<th:block th:include="${dto.menu.pathRelative}" th:if="${dto.menu.pathRelative} ne ''"/>
		</div>
	</div>
	<!-- 左边面板【end】 -->
	
	<!-- 右边面板【start】 -->
	<div class="layui-col-md10">
		<div class="layui-panel" id="id_tree_pannel_right">
			<iframe id="id_iframe_right" src='' frameborder="0" scrolling="yes" style="width:100%;height: 700px;"></iframe>
		</div>
	</div>
	<!-- 右边面板【end】 -->
	
	<script type="text/javascript">
	$(function() {
		$('#id_tree_pannel_left').css('height', (window.innerHeight - 40) + 'px');
		$('#id_tree_pannel_right').css('height', (window.innerHeight - 40) + 'px');
	});
	</script>
</div>
</body>
</html>